<!-- eslint-disable vue/multi-word-component-names -->


<template>
  <div>
    <span> <img @click="goBack" class="fan"  src="../../assets/icon/hdpi/fh.png" alt=""></span>
     <span class="bang">绑定信息</span>
     <div class="shen1">
      <h3 class="shen2">身份证</h3>
      <router-link to="identitycard">
        <img class="shen3" src="../../assets/icon/hdpi/shen1.png" alt="">
      </router-link>
          
     </div>
    <div >
      <h3 class="shen5">银行卡</h3>
      <router-link to="bangyin">
        <img class="shen6" src="../../assets/icon/hdpi/shen2.png" alt="">
     </router-link>
    </div>
    <p class="ru">如需更改银行卡信息 请致电000-5967432</p>
 </div>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router';

    const router = useRouter(); 
function goBack() {  
      // 使用router.go(-1)模拟浏览器的后退操作  
      router.go(-1);  
    } 
</script>
<style>
.bang{
  position: absolute;
  font-size: 18px;
  left: 155px;
  color: #000;
}
.shen1{
  width: 100%;
  height: 200px;
}
.shen2{
  position: absolute;
  top: 100px;
  left: 50px;
  border-bottom: 3px solid #3087ea;
}
.shen3{
  width: 100%;
  height: 100%;
  margin-top: 100px;
}

.shen5{
    border-bottom: 3px solid #3087ea;
    position: absolute;
    top: 320px;
    left: 50px;
}
.shen6{
  width: 100%;
  height: 100%;
  margin-top: 130px;
}
.ru{
  position: absolute;
  top: 620px;
  left: 50px;
 color: #3087ea;
}
</style>